import React,{useState, useEffect} from 'react';
import { Input } from 'antd';
import s from './style.less';

import CustomIcon from '@/components/CustomIcon';
import SearchInput from '@/components/SearchInput'

const Top = () => {
  return (
    <div className={s.topContainer}>
      <div className={s.iconWrapper}>
        <CustomIcon type="icon-home-filling" onClick={() => { window.history.go('/') }} />
        <CustomIcon type="icon-arrow-left-filling" onClick={() => { window.history.go(-1) }} />
        <CustomIcon type="icon-arrow-right-filling" onClick={() => { window.history.go(1) }} />
      </div>
      <SearchInput />
    </div>
  )
}

export default Top;